//自定义的webpack的配置:
module.exports = {
  runtimeCompiler: true,
  //所有资源使用相对路径
  publicPath: './',
  //打包后资源存放的目录
  outputDir: 'dist',
  //设置所有标签属性有双引号
  chainWebpack: (config) => {
    config.plugin('html').tap((args) => {
      args[0].title = 'web20'
      args[0].minify = false
      return args
    })
  },
  //开发服务器的配置
  devServer: {
    host: '127.0.0.1',
    port: 8888,
    https: false,
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            // 把px单位换算成rem单位
            rootValue: 37.5, // 换算的基数(设计图750的根字体为32)
            selectorBlackList: ['weui', 'mu'], // 忽略转换正则匹配项
            propList: ['*'],
          }),
        ],
      },
    },
  },
}
